<div class="flex flex-col">
  <div class="flex justify-center">
    <div
      class="rounded-full border border-slate-300 p-1 dark:border-slate-300/20"
    >
      <div class="flex text-xs font-semibold leading-5">
        <button
          class="w-auto rounded-full bg-blue-600 px-3 py-1 text-slate-200 focus:outline-none"
        >
          Monthly
        </button>
        <button
          class="rounded-full px-3 py-1 text-slate-800 focus:outline-none dark:text-slate-200"
        >
          Yearly
        </button>
      </div>
    </div>
  </div>
</div>
